<div class="main-section">
    <h1 class="main-section__title">Card</h1>

    <p class="main-section__intro">
        A CSS card component with various image positions is available.<br />CSS helpers are widely used to set different layouts.
    </p>

    <lx-component lx-title="Card without image" lx-path="/includes/modules/card/includes/no-image.html"></lx-component>
    <lx-component lx-title="Card with image on top" lx-path="/includes/modules/card/includes/image-top.html"></lx-component>
    <lx-component lx-title="Card with image on left" lx-path="/includes/modules/card/includes/image-left.html"></lx-component>
</div>